<!DOCTYPE html>
<html>

	<head>
		<title>业务指南</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

		<link rel="stylesheet" type="text/css" href="css/lib/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/lib/jquery-weui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/pages/serviceChargeCalc.css" />
	</head>

	<body>
		<div class="page-body wy-form">
			<div class="weui-tab">
				<div class="weui-navbar">
					<a class="weui-navbar__item weui-bar__item--on" href="#tab1">
						专家咨询费
					</a>
					<a class="weui-navbar__item" href="#tab2">
						讲课费
					</a>
				</div>
				<div class="weui-tab__bd">
					<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
						<div class="weui-flex">
							<div style="width: 100%;">
								<div class="wy-title">
									<img class="title-icon" src="img/title-icon/title-expert.png" /> 专家类别
								</div>
								<div class="weui-flex">
									<div class="weui-flex__item input_ft">
										<input id="personType" class="weui-input" type="text">
									</div>
								</div>

							</div>
						</div>

						<div class="weui-flex">
							<div style="width: 100%;">
								<div class="wy-title">
									<img class="title-icon" src="img/title-icon/title-dialog.png" /> 咨询方式
								</div>
								<div class="weui-flex">
									<div class="weui-flex__item input_ft">
										<input id="consultingApproach" class="weui-input" type="text">
									</div>
								</div>

							</div>
						</div>

						<div class="weui-flex">
							<div>
								<div class="wy-title">
									<img class="title-icon" src="img/title-icon/title-clander.png" /> 天数
								</div>
								<div class="weui-flex">
									<div class="weui-count weui-flex__item">
										<div id="days" class="Spinner"></div>
									</div>天
								</div>

							</div>
						</div>

						<div class="weui-btn-area">
							<div id="showResult1" class="weui-btn weui-btn_primary" style="background: #008ddd;">确定</div>
						</div>

					</div>

					<div id="tab2" class="weui-tab__bd-item">

						<div class="weui-flex">
							<div style="width: 100%;">
								<div class="wy-title">
									<img class="title-icon" src="img/title-icon/title-expert.png" /> 专家类别
								</div>
								<div class="weui-flex">
									<div class="weui-flex__item input_ft">
										<input id="personType2" class="weui-input" type="text">
									</div>
								</div>

							</div>
						</div>

						<div class="weui-flex">
							<div>
								<div class="wy-title">
									<img class="title-icon" src="img/title-icon/title-clock.png" /> 时数
								</div>
								<div class="weui-flex">
									<div class="weui-count weui-flex__item">
										<div id="hours" class="Spinner"></div>
									</div>时
								</div>

							</div>
						</div>


						<div class="weui-btn-area">
							<div id="showResult2" class="weui-btn weui-btn_primary" style="background: #008ddd;">确定</div>
						</div>
					</div>

				</div>
			</div>

		</div>

		<script src="js/lib/jquery-2.1.4.js"></script>
		<script src="js/lib/fastclick.js"></script>
		<script>
			$(function() {
				FastClick.attach(document.body);
			});
		</script>
		<script src="js/lib/jquery-weui.js"></script>
		<script src="js/lib/jquery.spinner.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript">
			$("#personType").select({
				input: "高级专业技术职称的人员",
				title: "请选择专家类别",
				items: ["高级专业技术职称的人员", "其他专业人员", "院士、全国知名专家"],
			});
			$("#consultingApproach").select({
				input: "会议咨询",
				title: "请选择咨询方式",
				items: ["会议咨询", "现场访谈", "勘察咨询", "通讯咨询"],
			});

			$("#days").Spinner({
				min: 1
			});
			
			
			$("#personType2").select({
				input: "院士、全国知名专家",
				title: "请选择专家类别",
				items: ["院士、全国知名专家", "正高职称", "副高及以下"],
			});
			
			$("#hours").Spinner({
				min: 1
			});
			
			
			$(document).on("click", "#showResult1", function() {
				$.alert("税后金额：800元", "专家咨询费");
			});
			
			$(document).on("click", "#showResult2", function() {
				$.alert("税后金额：800元", "讲课费");
			});
			
		</script>

	</body>

</html>